.view {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #EFF2FA;
}
.header {
  background-color: #EFF2FA;
}
.content {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.progresslayout{
  // position: relative;
  display: flex;
  width: 480rpx;
  height: 480rpx;
  justify-content: center;
  align-items: center;
}
.progress {
  // position: absolute;
  // top: 50%;
  // left: 50%;
  // transform: translate(-80%, -50%); /* 居中 */
  margin-bottom: 20rpx;
}
.progresText {
  // position: absolute;
  // top: 50%;
  // left: 50%;

  // transform: translate(-50%, -50%); /* 居中 */
  display: flex;
  align-items: center;
  flex-direction: column;
}
.space-around {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.capacityText{
   font-size: 64rpx;
}

.capacityLabel{
  margin-top: 20rpx;
  font-size: 28rpx;
}

.Weatherlayout{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  height: 125rpx;
  margin-top: 20rpx;
  padding: 0 30rpx;
  border-radius: 20rpx;
  border-color: #d3d6db;
  border-width: 1px;
  border-style: solid;
}
.zonelayout{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  height: 125rpx;
  margin-top: 20rpx;
  padding: 0 30rpx;
  border-radius: 20rpx;
  background:  linear-gradient( 90deg, #EFF2FA 0%, #D4D8E4 100%);
}
.zoneLetf{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.zoneLetfTextLayout{
  justify-content: flex-start;
  margin-left: 20rpx;
  display: flex;
  flex-direction: column;
}
.zoneImage{
 width: 90rpx;
 height: 90rpx;
}
.mSwitch{
  width: 90rpx;
  height: 90rpx;
 }
 .more{
  width: 40rpx;
  height: 40rpx;
 }
 .selectText{
  text-align: start;
  font-size: 36rpx;
  color: #989FAF;
 }
 .selectLabel{
  text-align: start;
  font-size: 28rpx;
  color: #3D3D3D;
 }

 .buttomLayout{
  padding-right: 50px;
  padding-left: 50px;
  position: absolute;
  bottom: 0px;
  background: linear-gradient( 360deg, #D8DEF0 0%, #DEE3F2 30%, #F1F3F9 66%, #FFFFFF 100%);
  width: 100%;
  height: 84px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.buttomBtnLayout{
  justify-content: center;
  align-items: center;
  width: 155rpx;
  height: 155rpx;
  display: flex;
  flex-direction: column;
}
.buttomBtnImage{
  width: 48rpx;
  height: 48rpx;
}
.buttomBtnText{
  margin-top: 20rpx;
  color: #989FAF;
  
}